<template>
  <div class="qs-card" :style="cardPosition">
    <h1>Data Time: {{dt}}</h1>
  </div>
</template>

<script>
export default {
  name: 'Logo',
  props: {
    cardLeft: {
      type: String
    },
    cardWidth: {
      type: String
    },
    cardHeight: {
      type: String
    },
    cardTop: {
      type: String
    }
  },
  data () {
    return {
      dt: '20200520'
    }
  },
  computed: {
    cardPosition () {
      let styleObj = {
        width: this.cardWidth,
        height: this.cardHeight,
        top: this.cardTop,
        left: this.cardLeft
      }
      return styleObj
    }
  }
}
</script>

<style scoped>
  .qs-card {
    position: absolute;
    color: #ccc;
    z-index: 999
  }
  .qs-card h1{
    color: #ccc;
  }
</style>
